<!doctype html>
<html>
<head>
    <base href=".">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>红包系统首页</title>
    <!--  图片轮播  -->
	<link rel="stylesheet" type="text/css" href="css/reset.css" media="all">
	<link rel="stylesheet" type="text/css" href="css/common.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/css.css" media="all">
	<script type="text/javascript" src="./js/jQuery.js"></script>
	<script type="text/javascript" src="./js/swipe.js"></script>
   <style>
   a.menu1.ui-link.ui-btn,a.menu2.ui-link.ui-btn,a.menu3.ui-link.ui-btn,a.menu4.ui-link.ui-btn{ border-color:#194706;}
   .product .customer {
    width:80%;
    height:80px;
    margin:auto;
    font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif;
    background-color:#F6F3F1;
	}
	.product .customer .title {
    width:100px;text-align:right;
    padding-top:0px;
    background:url(/sy/Public/images/name_bg1.png) no-repeat;
    background-size:100px auto;    
	}
	.product .customer .title span {    
    margin-right:10px;
    color:#FFF;
	}   
	.product .customer .info {
    text-align:left;padding-left:10px
	}
</style>
</head>
<body class="ui-mobile-viewport ui-overlay-a">
    <div data-role="page" data-url="/a/Default.aspx?from=singlemessage&amp;isappinstalled=0" tabindex="0" class="ui-page ui-page-theme-a ui-page-footer-fixed ui-page-active" style="padding-bottom: 79px;">
     <div data-role="content" style="padding:0;margin-top:-5px;" class="ui-content" role="main">
   <!--  图片轮播  -->
	    <div style="-webkit-transform:translate3d(0,0,0);">
		  <div id="banner_box" class="box_swipe" style="visibility: visible;">
			  <ul style="list-style: none; width: 3444px; transition-duration: 500ms; transform: translate3d(-2296px, 0px, 0px);">
					<li style="width: 1148px; display: table-cell; vertical-align: top;">
						<img src="./images/banner1.jpg" style="width:100%;">
					</li>
                    <li style="width: 1148px; display: table-cell; vertical-align: top;">
                        <img src="./images/banner2.jpg" style="width:100%;">
                    </li>
                    <li style="width: 1148px; display: table-cell; vertical-align: top;">
                        <img src="./images/banner3.jpg" style="width:100%;">
                    </li>
			  </ul>
              <ol>
					<li class="on"></li>
                    <li class=""></li>
                    <li class=""></li>
			  </ol> 
		  </div>
	   </div>
		<script>
		$(function(){
			new Swipe(document.getElementById('banner_box'), {
				speed:500,
				auto:5000,
				callback: function(){
					var lis = $(this.element).next("ol").children();
					lis.removeClass("on").eq(this.index).addClass("on");
				}
			});
		});
	</script>
    <!--  轮播结束  -->
    <style>
    </style>
<div>
    <ul>
        <li style="margin: 3% 2%;"><img  src='./images/01.jpg' width='100%'></li>
        <li style="margin: 3% 2%;"><img  src='./images/02.jpg' width='100%'></li>
        <li style="margin: 3% 2%;"><img  src='./images/01.jpg' width='100%'></li>
    </ul>
</div>    
  </div>
    <div style="position:fixed; bottom:0px; width:100%; background:#f0f0f0;border-top:#ccc solid 1px; left:0px;">
        <div style="padding:0px;position:relative;margin:8px 6px;">
            <ul class="nav">
                <li onClick="#">
                 <img src="./images/58.png"><p>红包</p>
                </li>
                <li onClick="#">
                    <img src="./images/62.png"><p>提现</p>
                </li>
                <li onClick="#">
                    <img src="./images/56.png"><p>产品</p>
                </li>
                <li style="border-right:none" onClick="location.href='#'">
                    <img src="./images/65.png"><p>我的</p>
                </li>
            </ul>
            <div style="clear:left">
            </div>
        </div>
    </div>
</div>
</body>
</html>